/*标签选择器*/
h1{
    color: black;
}
/*类选择器*/
.cls{
    color: orange;
}
/*ID 选择器*/
#ele{
  color: darkorange;
}
/*后代选择器*/
body p{
    background: bisque;
}
/*子选择器*/
body ul li > p{
   font-size: 18px;
}
/*相邻(向下)兄弟选择器*/

body ul li:first-child{
    background: chocolate;
}


/*超链接美化*/
a{
    text-decoration: none;
    color: black;
}
a:hover{
    color: chocolate;
}
/*悬停*/
a:active{
    color: red;
}
/*访问后*/
a:visited{
    color: aquamarine;
}
.transition{
    width: 600px;
    height: 400px;
    background-color: #0093E9;
    background-image: linear-gradient(160deg, #0093E9 0%, #80D0C7 100%);

}
#box{
    width: 300px;
    border: 1px solid red;
    margin: 0 auto;
}
form{
    background-color: orange;
}
div:nth-of-type(1) input{
    border: 3px solid orange;
}
div:nth-of-type(2) input{
    border: 3px solid darkkhaki;
}
